<template>
  <div class="centen">
        <div class="centen1">
            <p>汇方圆科技有限公司</p>
            <p>￥ 129.70</p>  
            <div class="centen2">
                <span>支付方式</span>
                <img src="/static/imgs_s05/s05_yh.png" alt="">
                <span>微信支付</span>
             </div> 
             <div class="bottom">
                确认支付
            </div>               
         </div>
       
     </div>
</template>

<script>

export default {
  data () {
    return {
      
      }
    },

  methods: {
   
  },

  created () {
    // let app = getApp()
  }
}
</script>

<style scoped>
        .centen {
            margin: 0 auto;
            display: flex;
            width: 375px;
            height: 800px;
            align-items: center;
            justify-content: center;
            background: #DDD;
            flex-direction: column;
        }

        .centen1 {
            position: relative;
            display: flex;
            flex-direction: column;
            text-align: center;
            width: 289px;
            height: 280px;
            background: white;
            border-radius: 6px;
        }

        .centen p:nth-child(1) {
            display: inline-block;
            width: 289px;
            height: 14px;
            font-size: 15px;
            /* text-align: center; */
            font-weight: 500;
            color: rgba(0, 0, 0, 1);
            line-height: 11px;
            margin-top: 61px;
            margin-bottom: 26px;
        }

        .centen p:nth-child(2) {
            display: inline-block;
           
            /* width: 101px; */
            height: 26px;
            font-size: 36px;
            /* font-family: DIN; */
            font-weight: bold;
            color: rgba(0, 0, 0, 1);
            line-height: 26px;
        }
        .centen2{
            font-size: 13px;
            width: 100%;
            margin-top: 30px;
            height: 40px;
            line-height: 40px;
        }
         .centen2 img{
            width: 15px;
            height: 15px;
            margin-top: 5px;
            margin-left: 60px;
            margin-right: 5px;
        }
        .centen2{
            position: relative;
        }
        .centen2 span:nth-child(1){
            color: #CCC;
            position: absolute;
            left: 30px;
        }
        .bottom{
            width: 120px;
            height: 40px;
            background: #32B16C;
            border-radius: 6px;
        }
        .bottom {
            position: absolute;
            font-size: 15px;
            height: 40px;
            line-height: 40px;
            color: white;
            text-align: center;
            bottom: 10px;
            right: 90px;
        }
    </style>
